{set:
$site_config=new Config('site_config');
$seo_data=array();
$seo_data['title'] = '个人中心';
$seo_data['keywords'] = $site_config->index_seo_keywords;
$seo_data['description'] = $site_config->index_seo_description;
seo::set($seo_data);
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的卡劵</title>
    <link rel="stylesheet" href="{skin:css/card.css}">
    <script type="text/javascript" src="{theme:javascript/card.js}"></script>
</head>
<body>
<!--未使用-->
<div class="header">
    <ul>
        <li class="no-useing" id="no-use" onclick="nouseclick()">
            <span>未使用</span>
            <span>（{$un_use_coupon_count}）</span>
        </li>
        <li id="use" onclick="useclick()">
            <span>已使用</span>
            <span>（{$has_use_coupon_count}）</span>
        </li>
        <li id="overdue" onclick="overdueclick()">
            <span>已失效</span>
            <span>（{$out_date_coupon_count}）</span>
        </li>
    </ul>
</div>
<hr>
<div class="content-card" id="no-used">
    {if:$un_use_coupon_list}
    <ul>
        {foreach:items = $un_use_coupon_list}
        <li>
            <a href="{url:/site/products/id/$item['goods_id']}">
            <div class="card-no">
                <span>券编号:</span>
                <span>{$item['coupon_code']}</span>
            </div>
            <div class="dividing-line"></div>
            <div class="card-message">
                <div class="condition-money">
                    <p>
                        {if:$item['coupon_detail_info']['discount_point']}
                        <span class="money-no">{$item['coupon_detail_info']['discount_point']}</span>
                        <span class="money-symbol">积分</span>
                        {else:}
                        <span class="money-symbol">￥</span>
                        <span class="money-no">{$item['coupon_detail_info']['discount_money']}</span>
                        {/if}
                    </p>
                    {if:$item['coupon_detail_info']['full_point']}
                    <p class="condition">满{$item['coupon_detail_info']['full_point']}积分可用</p>
                    {else:}
                    <p class="condition">满{$item['coupon_detail_info']['full_money']}元可用</p>
                    {/if}
                </div>
                <div class="voucher-intro">
                    <p class="voucher">{$item['coupon_detail_info']['name']}</p>
                    <p class="date">{$item['coupon_detail_info']['start_time']}至{$item['coupon_detail_info']['end_time']}</p>
                </div>
                <div class="condition-state">
                    <button>立即使用</button>
                </div>
            </div>
            </a>
        </li>
        {/foreach}
    </ul>
    {else:}
    <div style="text-align: center;font-size: 14px;">抱歉，您的账户中没有可用的券</div>
    {/if}
</div>
<!--已经使用-->
<div class="content-card used" id="used">
    {if:$has_use_coupon_list}
    <ul>
        {foreach:items = $has_use_coupon_list}
        <li>
            <div class="card-no">
                <span>券编号:</span>
                <span>{$item['coupon_code']}</span>
            </div>
            <div class="dividing-line"></div>
            <div class="card-message">
                <div class="condition-money">
                    <p>
                        {if:$item['coupon_detail_info']['discount_point']}
                        <span class="money-no">{$item['coupon_detail_info']['discount_point']}</span>
                        <span class="money-symbol">积分</span>
                        {else:}
                        <span class="money-symbol">￥</span>
                        <span class="money-no">{$item['coupon_detail_info']['discount_money']}</span>
                        {/if}
                    </p>
                    {if:$item['coupon_detail_info']['full_point']}
                    <p class="condition">满{$item['coupon_detail_info']['full_point']}积分可用</p>
                    {else:}
                    <p class="condition">满{$item['coupon_detail_info']['full_money']}元可用</p>
                    {/if}
                </div>
                <div class="voucher-intro">
                    <p class="voucher">{$item['coupon_detail_info']['name']}</p>
                    <p class="date">{$item['coupon_detail_info']['start_time']}至{$item['coupon_detail_info']['end_time']}</p>
                </div>
                <div class="state-use"></div>
            </div>
        </li>
        {/foreach}
    </ul>
    {else:}
    <div style="text-align: center;font-size: 14px;">抱歉，您的账户中没有可用的券</div>
    {/if}
</div>
<!--已经过期-->
<div class="content-card" id="overdued">
    {if:$out_date_coupon_list}
    <ul>
        {foreach:items = $out_date_coupon_list}
        <li>
            <div class="card-no">
                <span>券编号:</span>
                <span>{$item['coupon_code']}</span>
            </div>
            <div class="dividing-line"></div>
            <div class="card-message">
                <div class="condition-money">
                    <p>
                        {if:$item['coupon_detail_info']['discount_point']}
                        <span class="money-no">{$item['coupon_detail_info']['discount_point']}</span>
                        <span class="money-symbol">积分</span>
                        {else:}
                        <span class="money-symbol">￥</span>
                        <span class="money-no">{$item['coupon_detail_info']['discount_money']}</span>
                        {/if}
                    </p>
                    {if:$item['coupon_detail_info']['full_point']}
                    <p class="condition">满{$item['coupon_detail_info']['full_point']}积分可用</p>
                    {else:}
                    <p class="condition">满{$item['coupon_detail_info']['full_money']}元可用</p>
                    {/if}
                </div>
                <div class="voucher-intro">
                    <p class="voucher">{$item['coupon_detail_info']['name']}</p>
                    <p class="date">{$item['coupon_detail_info']['start_time']}至{$item['coupon_detail_info']['end_time']}</p>
                </div>
                {if:$item['status']==4}
                <div class="state-overdue"></div>
                {elseif:$item['status']==5}
                <div class="refund"></div>
                {elseif:$item['status']==6}
                <div class="refunded"></div>
                {/if}
            </div>
        </li>
        {/foreach}
    </ul>
    {else:}
    <div style="text-align: center;font-size: 14px;">抱歉，您的账户中没有可用的券</div>
    {/if}
</div>
</body>
</html>